<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Scientific Calculator</title>
<meta name="description" content="Javascript calculator with calculation history, math functions, hexadecimal, octal, and scientific notation.">
<meta name="keywords" content="calculator, octal calculator, binary calculator, hexidecimal calculator, hexadecimal calculator, calc, calculate, calculater, scientific calculator, hex calculator, scientific notation calculator, javascript calculator, java script calculator, freeware calculator, free calculator, online calculator, calculater">
<script type="text/javascript" src="math.js"></script>
<script type="text/javascript" src="ajax.js"></script>
<link rel="stylesheet" type="text/css" href="calc.css" media="all">
</head>
<body onload="load_calc();">
<div id="frame-holder">
<form action="" name="calculator" onsubmit="do_calculation();return false;">
<div id="calc-dsp">
<input class="line" name="line" onchange="line_change();" type="text">
</div>
<div id="main-calc">
<table class="keypad" summary="Button Keypad"><tbody><tr>
<td><input value="C" class="clear" accesskey="c" onclick="clear_calc();" title="Clear (Alt-c)" type="button"></td>
<td><input value="(" class="other" onclick="append_calc('(',0);" title="Grouping Parenthesis" type="button"></td>
<td><input value=")" class="other" onclick="append_calc(')',0);" title="Grouping Parenthesis" type="button"></td>
<td><input value="+" class="operand" onclick="append_calc(' + ',1);" title="Addition" type="button"></td>
<td rowspan="5">
<input value="&" class="advanced" onclick="append_calc(' & ',2);" title="Bitwise And" type="button"><br>
<input value="|" class="advanced" onclick="append_calc(' | ',2);" title="Bitwise Or" type="button"><br>
<input value="^" class="advanced" onclick="append_calc(' ^ ',2);" title="Bitwise xOr" type="button"><br>
<input value="~" class="advanced" onclick="append_calc(' ~ ',2);" title="Bitwise Negation" type="button"><br>
<input value="&lt;&lt;" class="advanced" onclick="append_calc(' << ',2);" title="Bitwise Left Shift" type="button"><br>
<input value="&gt;&gt;" class="advanced" onclick="append_calc(' >> ',2);" title="Bitwise Right Shift" type="button"><br>
<input value="%" class="advanced" onclick="append_calc(' % ',2);" title="Modular Division" type="button"><br>
<input value="," class="advanced" onclick="append_calc(', ',2);" title="Comma for functions" type="button"><br>
</td></tr><tr>
<td><input value="7" class="number" onclick="append_calc('7',0);" title="Seven" type="button"></td>
<td><input value="8" class="number" onclick="append_calc('8',0);" title="Eight" type="button"></td>
<td><input value="9" class="number" onclick="append_calc('9',0);" title="Nine" type="button"></td>
<td><input value="-" class="operand" onclick="append_calc(' - ',1);" title="Subtraction" type="button"></td>
</tr><tr>
<td><input value="4" class="number" onclick="append_calc('4',0);" title="Four" type="button"></td>
<td><input value="5" class="number" onclick="append_calc('5',0);" title="Five" type="button"></td>
<td><input value="6" class="number" onclick="append_calc('6',0);" title="Six" type="button"></td>
<td><input value="*" class="operand" onclick="append_calc(' * ',1);" title="Multiplication" type="button"></td>
</tr><tr>
<td><input value="1" class="number" onclick="append_calc('1',0);" title="One" type="button"></td>
<td><input value="2" class="number" onclick="append_calc('2',0);" title="Two" type="button"></td>
<td><input value="3" class="number" onclick="append_calc('3',0);" title="Three" type="button"></td>
<td><input value="&divide;" class="operand" onclick="append_calc(' / ',1);" title="Division" type="button"></td>
</tr><tr>
<td><input value="EE" class="other" onclick="append_calc('e',2);" title="Scientific Notation Exponent" type="button"></td>
<td><input value="0" class="number" onclick="append_calc('0',0);" title="Zero" type="button"></td>
<td><input value="." class="other" onclick="append_calc('.',2);" title="Decimal Point" type="button"></td>
<td><input value="=" class="equal" accesskey="e" onclick="do_calculation();" title="Enter (Alt-e)" type="button"></td>
</tr></tbody></table>
</div>
<div id="func_box">
<input value="Dis" title="Display" accesskey="d" class="keyshortcut" onclick="next_display_method();" type="button">
<input value="Mxd" title="Decimal Mixed" accesskey="m" class="keyshortcut" onclick="display_method(0);" type="button">
<input value="Sci" title="Decimal Scientific" accesskey="s" class="keyshortcut" onclick="display_method(1);" type="button">
<input value="enG" title="Decimal Engineering" accesskey="g" class="keyshortcut" onclick="display_method(2);" type="button">
<input value="Bin" title="Binary" accesskey="b" class="keyshortcut" onclick="display_method(5);" type="button">
<input value="Oct" title="Octal" accesskey="o" class="keyshortcut" onclick="display_method(4);" type="button">
<input value="heX" title="Hexadecimal" accesskey="x" class="keyshortcut" onclick="display_method(3);" type="button">
<br>
<input value="History" title="History" accesskey="h" class="keyshort2" onclick="display_nextHistory();" type="button">
<input value="Append" title="Append Answer" accesskey="a" class="keyshort2" onclick="append_calc('ans ',0);" type="button">
<p><select name="mathFunctions" class="mathFunctions" onchange="append_calc(this.options[this.selectedIndex].value,0);this.selectedIndex=0;">
<option>Math Functions:
</option><option value="abs(">abs
</option><option value="acos(">acos
</option><option value="asin(">asin
</option><option value="atan(">atan
</option><option value="atan2(">atan2
</option><option value="ceil(">ceil
</option><option value="cos(">cos
</option><option value="exp(">exp
</option><option value="floor(">floor
</option><option value="log(">log
</option><option value="max(">max
</option><option value="min(">min
</option><option value="pow(">pow
</option><option value="random()">random
</option><option value="round(">round
</option><option value="sin(">sin
</option><option value="sqrt(">sqrt
</option><option value="tan(">tan
</option></select></p>
<p>
<select name="display" class="display" onchange="display_result();save_calc();" title="(Alt-d)">
<option selected="selected">Decimal Mixed
</option><option>Decimal Scientific
</option><option>Decimal Engineering
</option><option>Hexadecimal
</option><option>Octal
</option><option>Binary
</option></select></p>
<p><select name="mathConstants" class="mathConstants" onchange="append_calc(this.options[this.selectedIndex].value,0);this.selectedIndex=0;">
<option>Math Constants:
</option><option value="ans ">last result
</option><option value="E ">e
</option><option value="LN10 ">ln(10)
</option><option value="LN2 ">ln(2)
</option><option value="LOG10E ">log10(e)
</option><option value="LOG2E ">log2(e)
</option><option value="PI ">&pi;
</option><option value="SQRT1_2 ">sqrt(1/2)
</option><option value="SQRT2 ">sqrt(2)
</option></select></p>
<p><select name="history" class="history" onchange="if(this.selectedIndex>0)set_calc(this.options[this.selectedIndex].text);" title="View previous entries (Alt-h)">
<option>History:
</option><option></option><option></option><option></option><option></option><option></option><option></option><option></option><option></option><option>
</option><option></option><option></option><option></option><option></option><option></option><option></option><option></option><option></option><option></option><option>
</option></select></p>
</div>
</form>
<div id="sc_box"><img name="sw_sc" class="sc_btn" src="sw-off.png" onClick="sh_sci();">Sci</div>
<div id="er_box"><span id="er_txt"></span></div>
<div id="hs_box">
<div id="curr_box">&nbsp;</div>
<span id="hs_txt"></span>
</div>
<div class="osm_box" ><a target="_blank" href="http://ostermiller.org/">ostermiller.org</a></div>
<div class="dapj_box" ><a target="_blank" href="http://www.dapj.com/">dapj Tech</a></div>
<div class="help_box" ><a target="_blank" href="http://digital-calculator.googlecode.com/svn/trunk/ocalc-help.html">Help</a></div>
</div>
</body>
</html>
